/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.inner_copy, .inner_copy a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
body {background:#fff;border:0;font:13px Arial, Helvetica, sans-serif;color:#4e4e4e;line-height:20px}
/* Global Structure */
.body1 {background:url(../images/bg_img.png) top center no-repeat;height:680px;position:absolute;width:100%;z-index:1}
.body2 {background:url(../images/top.jpg)}
.body3 {background:url(../images/line_hor1.jpg) bottom repeat-x #f5f5f5;border-top:1px solid #fff}
.body4 {background:url(../images/line_hor2.jpg) top repeat-x #f5f5f5}
.body5 {background:url(../images/bot.jpg) top center no-repeat #38294a}
.main {	margin:0 auto;	width:900px;position:relative;z-index:2}
/* main layout */
a {color: #fff;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {padding:21px 0 0 20px}
h2 {font-size:25px;font-weight:bold;font-weight:300;color:#4e4e4e;padding:29px 0 0 0;line-height:38px}
h2 span {display:block;margin-top:-10px}
h3 {background:url(../images/box2.jpg) no-repeat;font-size:24px;padding:0 20px;margin:17px 0 20px 0;color:#fff;line-height:51px;font-weight:300}
h4 {background: none; color: #fff;}
#titulo {background: none; color: #000; padding: 0 0; margin: 0 0 0 0;}
p {padding-bottom:20px }
/* header */
header {width:100%;overflow:hidden;padding-bottom:22px}
#logo {display:block;background:url(../images/logo.png) no-repeat;width:192px;height:58px;text-indent:-5000px}

#menu {float:left;padding-top:25px;padding-bottom:5px;padding-left: 200px}
#menu li {float:left;padding-right:9px;background:url(../images/menu_line.png) right 6px no-repeat;margin-right:8px}
#menu .bg_none {background:none;padding:0;margin:0}
#menu li a {display:block;font-size:16px;font-weight:400;color:#fff;line-height:31px;padding:0 9px;text-decoration:none;position:relative;behavior:url(js/PIE.htc)}
#menu li a:hover, #menu #menu_active a {background:url(../images/menu_bg.gif) top repeat-x #b3b3b3;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:3px 3px 5px #402f55;-moz-box-shadow:3px 3px 5px #402f55;-webkit-box-shadow:3px 3px 5px #402f55;color:#673f85;}
.text1 {font-size:30px;font-weight:300;color:#fff;line-height:39px;padding:1% 0 1% 0}
.text1 span {display:block;margin-top:-10px}
header p {color:#9688a7;padding-bottom:17px}
header .link1 {text-decoration:none}
header .link1:hover {text-decoration:underline}
/* content */
#content_top {width:100%;overflow:hidden;padding-bottom:20px}
#content {width:100%;overflow:hidden;padding-bottom:1%;}
.pad_left1 {padding-left:37px}
.pad_left2 {padding-left:20px}
.pad_bot1 {padding-bottom:20px}
.pad_bot2 {padding-bottom:10px}
.pad {padding:0 20px}
.marg_right1 {margin-right:25px}
.marg_top {margin-top:-15px}
.link1 {padding-right:15px;display:inline-block;background:url(../images/marker_1.gif) right 7px no-repeat}
.list1 {padding:38px 0 6px 0}
.list1 li {line-height:19px;width:100%;overflow:hidden;margin-bottom:14px;background:url(../images/line_ver1.gif) 56px 0 repeat-y}
.list1 .box1 {background:url(../images/box1.jpg) 0 0 no-repeat;float:left;font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#f2f2f2;font-weight:bold;line-height:41px;width:41px;text-align:center;margin-right:35px}
.list2 {margin:-5px 0}
.list2 li {line-height:30px;padding-left:28px;background:url(../images/marker_2.jpg) 0 5px no-repeat}
.list2 li a {color:#4e4e4e}
.list3 li {line-height:30px}
.list3 li a {padding-left:10px;background:url(../images/marker_3.gif) 0 5px no-repeat}
.arrow {display:inline-block;background:url(../images/marker_1.gif) 0 7px no-repeat;height:19px;width:6px;margin-left:6px}
.color1 {color:#8e8e8e}
/* footer */
footer {color:#dfd2e7;text-align:center;padding:25px 0 0 0;height:67px}
footer a {color:#dfd2e7}
#footer_menu ul {width:100%;overflow:hidden;text-align:center}
#footer_menu li {display:inline;padding-right:21px;background:url(../images/footer_line.gif) right center no-repeat;margin-right:20px;overflow:hidden;line-height:42px}
#footer_menu .bg_none {background:none;padding:0;margin:0}
#footer_menu li a {display:inline-block;color:#4e4e4e;padding:0 39px;line-height:42px}
/* forms */
/*input {float:left;width:307px;height:16px;border:1px solid #d5d5d5;background:#fff;padding:3px 6px;margin-bottom:6px;color:#4e4e4e;font:13px Arial, Helvetica, sans-serif}
*/#ContactForm {margin-top:-15px;width:860px}
#ContactForm p {line-height:24px;padding-bottom:6px;width:104px;float:left}
#ContactForm a {margin-left:24px;margin-top:8px}
#ContactForm .input {float:left;width:307px;height:16px;border:1px solid #d5d5d5;background:#fff;padding:3px 6px;margin-bottom:6px;color:#4e4e4e;font:13px Arial, Helvetica, sans-serif}
#ContactForm textarea {overflow:auto;float:left;width:742px;height:350px;border:1px solid #d5d5d5;background:#fff;padding:3px 6px;margin-bottom:0;color:#4e4e4e;font:13px Arial, Helvetica, sans-serif}
#tabla
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 15px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	background: url('http://localhost/unisalud/images/patternb.png');
}
#tabla thead tr
{
	background: url('http://localhost/unisalud/images/patternb-head.png');
}
#tabla tfoot tr
{
	background: url('http://localhost/unisalud/images/patternb-head.png');
}
#tabla th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#tabla td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#tabla tbody tr:hover td
{
	color: #339;
	background: #cdcdee;
}

#btnAgregar {
    background: url(../images/menu_bg.gif);
    border-radius: 5px;
    margin-top: 2%;
    margin-left: 2%;
    padding: 6px;
}
#btnTabla {
    background: url(../images/menu_bg.gif);
    border-radius: 3px;
    margin-top: 1%;
    margin-left: 1%;
    padding: 4px;
    display: inline;
}
#btnTabla.buscar{
    background: url(../images/buscar.png);
    color: transparent;
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: #000;           /* assuming we don't want any borders */
    height: 48px;
    width: 48px;
   cursor: pointer;
}
.boton:hover{
    cursor: pointer;
}
#paginacion h3
{
    background:url(../images/patternb-head.png);
    font-size:18px;
    font-weight:200;
    color: #039;
}
#paginacion a
{
    color: #339;
    text-decoration:underline;
    outline:none
}
#tablaForm input{
    background: url('../images/back.png');
    border-radius: 5px;
}
#tablaForm #btnAgregar{
   background: url(../images/menu_bg.gif);
    border-radius: 5px;
    margin-top: 2%;
    margin-left: 2%;
    padding: 6px;
}
#tablaForm td{
    padding: 10px;
}
#mensaje {
    margin: 1%;
}